<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link rel="stylesheet" href="./css/core.css" />
    <link rel="stylesheet" href="./css/carts.css" />
    <script src="./libs/jquery.js"></script>
    <script src="./js/code.js"></script>
    <script src="./js/goodsCar.js"></script>
  </head>
  <body>
    <div class="headBigBox clearFixed">
      <!-- 最顶部 start -->
      <div class="heder big_area clearFixed">
        <div class="h-content area_px clearFixed fs12">
          <p class="fl">您好<span class="h-spn"></span>，欢迎光临特步官方商城！</p>
          <ol class="clearFixed">
            <li><a href="./reigster.html">注册</a></li>
            <li class="delv">登录</li>
          </ol>
          <ul class="hdUld fr">
            <li class="fl li1"><a href="">我的特步</a></li>
            <li class="fl li1"><a href="">品牌官网</a></li>
            <li class="fl li3">
              <div>
                <span class="fl"
                  ><img src="./images/mobile_icon.png" alt="" /></span
                ><a href="">手机特步<b>∨</b></a>
              </div>
            </li>
            <li class="fl">
              <div>
                <span class="fl"
                  ><img src="./images/cart_icon.png" alt="" /></span
                ><a href="" class="txt">购物车<span> &nbsp;(2) 件</span></a>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 最顶部 end -->
      <!-- nav start  -->
      <div class="nav clearFixed">
        <div class="navConetent area_px">
          <img class="fl" src="./images/tebusb.jpg" alt="" />
          <div class="navBig fl">
            <div class="nav_Input">
              <input type="text" />
              <span>搜索</span>
            </div>
            <ul>
              <li>热门搜索:</li>
              <li>减震旋跑鞋</li>
              <li>山海休闲鞋</li>
              <li>动力巢跑鞋</li>
              <li>猫和老鼠联名款</li>
              <li>游云篮球鞋</li>
            </ul>
          </div>
          <div class="bigUl">
            <ul class="fr navlu2">
              <li><img src="./images/210-70.jpg" /></li>
              <img src="./images/er" alt="">

              <li><img src="./images/huiyuan.jpg" alt="" /></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- nav end  -->
    <!-- 头部导航栏 start  -->
    <div class="h-Navigation clearFixed">
      <dl class="area_px h-header">
        <dt onmousemove="$('.box').show()" onmouseout="$('.box').hide()">
          <!-- //  -->
          全部商品分类
          <div class="box clearFixed">
            <li class="clearFixed">
              <dl class="clearFixed">
                <dt>男鞋</dt>
                <dd>跑步鞋</dd>
                <dd>篮球鞋</dd>
                <dd>休闲鞋</dd>
                <dd>板鞋</dd>
                <dd>综训鞋</dd>
                <dd>帆布鞋</dd>
                <dd>户外鞋</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>女鞋</dt>
                <dd>休闲鞋</dd>
                <dd>板鞋</dd>
                <dd>综训鞋</dd>
                <dd>帆布鞋</dd>
                <dd>户外鞋</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>科技跑鞋</dt>
                <dd>动力巢科技</dd>
                <dd>减震旋科技</dd>
                <dd>飚速科技</dd>
                <dd>竞速160X</dd>
                <dd>氢云科技</dd>
                <dd>驭能科技</dd>
                <dd>竞训260</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>潮流尖货</dt>
                <dd>二次元</dd>
                <dd>机甲系列</dd>
                <dd>山海系列</dd>
                <dd>国潮天乘</dd>
                <dd>怪兽大学</dd>
                <dd>兔八哥联名</dd>
                <dd>猫和老鼠联名</dd>
                <dd>姜子牙联名</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>男装</dt>
                <dd>运动T恤</dd>
                <dd>休闲T恤</dd>
                <dd>短裤</dd>
                <dd>长裤</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>运动套装</dd>
                <dd>外套夹克</dd>
                <dd>棉服</dd>
                <dd>羽绒股</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>女装</dt>
                <dd>运动T恤</dd>
                <dd>休闲T恤</dd>
                <dd>短裤</dd>
                <dd>长裤</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>运动套装</dd>
                <dd>外套夹克</dd>
                <dd>棉服</dd>
                <dd>羽绒股</dd>
              </dl>
            </li>
          </div>
        </dt>
        <dd><a href="./index.html">首页</a></dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox1').show()"
          onmouseout="$('.navddbox1').hide()"
        >
          <a>跑步</a>

          <div class="navddbox1">
            <div class="dd_left fl">
              <img src="./images/paobu.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox2').show()"
          onmouseout="$('.navddbox2').hide()"
        >
          <a>男子</a>
          <div class="navddbox2">
            <div class="dd_left fl">
              <img src="./images/nanzi.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox3').show()"
          onmouseout="$('.navddbox3').hide()"
        >
          <a>女子</a>
          <div class="navddbox3">
            <div class="dd_left fl">
              <img src="./images/nvzi.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="./details.html">运动鞋</a>
                  <a href="./details.html">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="./details.html">休闲鞋</a>
                  <a href="./details.html">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox4').show()"
          onmouseout="$('.navddbox4').hide()"
        >
          <a>儿童</a>
          <div class="navddbox4">
            <div class="dd_left fl">
              <img src="./images/ertong.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">童鞋</p>
                  <a href="">跑步鞋</a>
                  <a href="">休闲鞋</a>
                </li>
                <li>
                  <p>童装</p>
                  <a href="">短袖</a>
                  <a href="">短裤</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox5').show()"
          onmouseout="$('.navddbox5').hide()"
        >
          <a>配件</a>
          <div class="navddbox5">
            <div class="dd_left fl">
              <img src="./images/peijian.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li><p>运动包</p></li>
                <li><p>运动袜</p></li>
                <li>
                  <p>帽子</p>
                </li>
                <li>
                  <p>护具</p>
                </li>
                <li>
                  <p>内裤</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox6').show()"
          onmouseout="$('.navddbox6').hide()"
        >
          <a>马拉松</a>
          <div class="navddbox6">
            <div class="dd_left fl">
              <img src="./images/malasong.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">竞速160</p>
                </li>
                <li>
                  <p>竞训300</p>
                </li>
                <li>
                  <p>跑步服饰系列</p>
                </li>
                <li class="abox">
                  <p>马拉松专题</p>
                  <a href="">沈阳马拉松</a>
                  <a href="">成都马拉松</a>
                  <a href="">太原马拉松</a>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd class="h_dl_last"><a>团购定制</a></dd>
      </dl>
    </div>
    <!-- 头部导航栏 end  -->

    <!-- 中间内容区 start  -->
    <div class="c-heard clearFixed">
      <div class="content area_px clearFixed">
        <img class="fr" src="./images/Step-1.gif" alt="" />
      </div>
    </div>
    <div class="h-main clearFixed">
      <div class="area_px">
        <h2>我的购物车</h2>
      </div>
      <div class="goodsList">
        <table class="area_px">
          <thead class="clearFixed">
            <tr>
              <th>
                <label for=""><input type="checkbox" />全选</label>
              </th>
              <th>商品</th>
              <th>市场价</th>
              <th>会员价</th>
              <th width="95">数量</th>
              <th>小计</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
          <tfoot>
            <tr class="selectAll">
              <td colspan="10px">
                <label for="" class="fl"><input class="xu2" type="checkbox" />全选</label>
                <a href="#">批量删除</a>
                <div class="tj">
                  <div><span class="spn1">0</span>件商品</div>
                  <div class="zhifu fr">
                    <p>
                    支付积分:
                    <span class="spn2"> 0 </span>
                   </p>
                   <p>
                   缴纳税费:
                    <span class="spn2"> 0 </span>
                  </p>
                  </div>
                  
                  
                </div>
              </td>
            </tr>
            <tr class="total1">
              <td colspan="10">
                <div class="totalPrice fr">
                  <p>总计 (不含运费)<span>￥</span><span class="sp1">0</span><span>.00</span></p>
                  <p class="p2">已节省: -￥0.00</p>
                </div>
              </td>
            </tr>
            <tr>
              <tr>
                <td colspan="10">
                  <div class="continueGw">继续购物</div>
                  <div class="toSettle">去结算</div>
                </td>
              </tr>
            </tr>
          </tfoot>
        </table>

      </div>
      <div class="bigTehui area_px clearFixed">
        <div class="preferential clearFixed">
        <div class="tehui">超值特惠</div>
        <ul>
          <li><img src="./images/car1.jpg" alt=""></li>
          <li><img src="./images/car2.jpg" alt=""></li>
          <li><img src="./images/car3.jpg" alt=""></li>
          <li><img src="./images/car4.jpg" alt=""></li>
          <li><img src="./images/car5.jpg" alt=""></li>
          <li><img src="./images/car6.jpg" alt=""></li>
        </ul>
      </div>
      <div class="preferential clearFixed">
        <div class="tehui">购买过上述宝贝的人还购买过</div>
        <ul>
          <li><img src="./images/car7.jpg" alt=""></li>
          <li><img src="./images/car8.jpg" alt=""></li>
          <li><img src="./images/car9.jpg" alt=""></li>
          <li><img src="./images/car10.jpg" alt=""></li>
          <li><img src="./images/car11.jpg" alt=""></li>
          <li><img src="./images/car12.jpg" alt=""></li>
        </ul>
      </div>
      </div>
      
    </div>
    <!-- 中间内容区 end  -->

    <!-- //工作详情 start -->
    <div class="footer-1 area_px clearFixed">
      <dl class="d1">
        <dt>关于我们</dt>
        <dd>公司简介</dd>
        <dd>联系我们</dd>
      </dl>
      <dl>
        <dt>购物指南</dt>
        <dd>常见问题</dd>
        <dd>用户注册</dd>
        <dd>购物流程</dd>
      </dl>
      <dl>
        <dt>售后服务</dt>
        <dd>配送方式</dd>
        <dd>防伪查询</dd>
        <dd>发票制度</dd>
      </dl>
      <div class="foot-2_txt fr">
        <h1>400-008-7666</h1>
        <div class="p1">周一至周日 8:30-21:30</div>
        <a
          href="javascript:;"
          onclick="NTKF.im_openInPageChat('kf_9707_1414986472014');"
        ></a>
        <div class="p1">周一至周日 8:30-21:30</div>
      </div>
    </div>
    <!-- //工作详情 end  -->

    <!-- 尾部导航栏 start  -->
    <div class="clearFixed footer3">
      <div class="footer_nav area_px">
        <img src="./images/x-footer.jpg" alt="" />
      </div>
    </div>
    <!-- 尾部导航栏 end  -->
    <!-- 尾部备案号 start  -->
    <div class="footer_bah area_px">
      <ul class="clearFixed">
        <a href="">
          <li class="li1">关于特步</li>
        </a>
        <a href="">
          <li>帮助中心</li>
        </a>
        <a href="">
          <li>友情链接</li>
        </a>
        <a href="">
          <li>联系我们</li>
        </a>
      </ul>
      <p>
        特步跑鞋 Copyright 2011 xtep.com 特步运动服 All Rights Reserved
        特步官方旗舰店 ICP：<a
          href="https://beian.miit.gov.cn/#/Integrated/index"
          >闽ICP备05021253号-1
        </a>
        特步官网专卖店
      </p>
      <p class="p1">
        <img src="./images/1234.png" alt="" />闽公网安备 35020302001628号
      </p>
    </div>
    <!-- 尾部备案号 end  -->

    <!-- 首页结尾 start  -->
    <div class="footerbig">
      <div class="footerend">
        <img src="./images/onlinepay.jpg" alt="" />
        <img src="./images/goodwebsite.jpg" alt="" />
        <img src="./images/salf.jpg" alt="" />
        <img src="./images/ei_normal.png" alt="" />
        <img src="./images/brand_bottom_large.jpg" alt="" />
      </div>
    </div>
    <!-- 首页结尾 end  -->
    <!-- 侧边定位 start  -->
    <div id="allrightshow">
      <div class="allright_top">
        <a href=""><i class="i_1"></i></a>
        <div class="car clearFixed">
          <i></i>
          购物车
          <b>0</b>
        </div>
        <div class="kefu clearFixed"><i></i> 联系客服</div>
        <div class="ewm">
          <i></i>
        </div>
        <div class="tp"><i></i></div>
      </div>
    </div>
    <!-- 侧边定位 end  -->
    <!-- 侧边定位 start  -->
    <div id="allrightshow">
      <div class="allright_top">
        <a href=""><i class="i_1"></i></a>
        <div class="car clearFixed">
          <i></i>
          购物车
          <b>0</b>
        </div>
        <div class="kefu clearFixed"><i></i> 联系客服</div>
        <div class="ewm">
          <i></i>
        </div>
        <div class="tp clearFixed"><i></i></div>
      </div>
    </div>
    <!-- 侧边定位 end  -->
  </body>
</html>
